import React, { Component, PropTypes } from 'react'

export default class HintMessage extends Component {
  render() {
    const { text, extraText } = this.props
    return (
      <div className={`cm-hint-message-box`}>
        <span>{text}</span>
        <span className={`cm-else`}>{extraText}</span>
      </div>
    )
  }
}

HintMessage.defaultProps = {
  extraText: '',
}

HintMessage.propTypes = {
  text: PropTypes.string.isRequired,
  extraText: PropTypes.string,
}